
.bgall * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
}
.bgall a {
  text-decoration: none;
}

.bgall {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1000px;
  height: 1250px;
  position: absolute;
  top:0px;
  left:0px;
  background-color: #d5edf2;
  overflow-x: hidden;
  overflow-y: hidden;
  }

.bgposter{
  position: absolute;
  top:0px;
  left:50%;
  transform:translateX(-500px);
  width: 1000px;
  height: 1400px;
  background:url(http://abscit.gitee.io/jutie/km2/bgposter.jpg );
  /*https://abscit.coding.me/biandejutie/km2/bgposter.jpg  【要改】*/
  background-size:1000px 1400px;
  background-repeat:no-repeat;

}

.woodban{
  position: absolute;
  top:0px;
  left:50%;
  transform:translateX(-210px);
  width: 420px;
  height: 210px;
  background:url(http://abscit.gitee.io/jutie/km2/wooden.png );
  /*https://abscit.coding.me/biandejutie/km2/wooden.png  【要改】*/
}
.woodban p{
  position: relative;
  top:100px;
  left:90px;
  font-size: 32px;
  color: #E4E6E5;
  font-weight: bold;
   -webkit-text-stroke: 1px #A66919;
  letter-spacing:2px;
}

.container{
  position: absolute;
  width: 735px;
  height: 540px;
  top:240px;
  left:50%;
  transform:translateX(-368px);
  background-color: #FEE1A1;/*万一↓不适配*/
  background-image: linear-gradient(90deg,#F2C67B 35px,#FEE1A1 0,#FEE1A1 70px,#F2C67B 0,#F2C67B 105px,#FEE1A1 0,#FEE1A1 140px,#F2C67B 0,#F2C67B 175px,#FEE1A1 0,#FEE1A1 210px,#F2C67B 0,#F2C67B 245px, #FEE1A1 0,#FEE1A1 280px,#F2C67B 0,#F2C67B 315px, #FEE1A1 0,#FEE1A1 350px,#F2C67B 0,#F2C67B 385px, #FEE1A1 0,#FEE1A1 420px,#F2C67B 0,#F2C67B 455px, #FEE1A1 0,#FEE1A1 490px,#F2C67B 0,#F2C67B 525px, #FEE1A1 0,#FEE1A1 560px,#F2C67B 0,#F2C67B 595px, #FEE1A1 0,#FEE1A1 630px,#F2C67B 0,#F2C67B 665px,#FEE1A1 0,#FEE1A1 700px,#F2C67B 0,#F2C67B 735px);
  padding:35px,35px,35px,35px;
}
.wzbg{
  position: relative;
  width: 665px;
  height: 470px;
  margin-top: 35px;
  margin-left: 35px;
  background-color: #F2F2F2;
  padding-left: 20px;
  padding-top: 30px;
}
.yzwritter{
  margin-bottom: 10px;
  font-size: 18px;
  color: #2D1635;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(200, 200, 200, 0.2);
  text-align: left;
  line-height: 20px;
}
.SC{
  margin-bottom: 10px;
  margin-top:15px;
  font-size: 24px;
  color: #2D1635;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(200, 200, 200, 0.4);
  line-height: 32px;
}
.Slist p,.Clist p{
  font-size: 16px;
  color: #2D1635;
  text-shadow: 1px 1px 1px rgba(200, 200, 200, 0.4);
  text-align: left;
  line-height: 34px;
  border-bottom: solid 2px #D5EDF2;
}
.EDlist,.ed{
  display: inline-block;
}
.EDlist{
  margin-left: 20px;
}

.linkgroup{
  position: absolute;
  width: 735px;
  height: 50px;
  top:815px;
  left: 50%;
  transform:translateX(-368px);
  background-color: #FEE1A1;
  border-left: solid 25px #55BE93;
  border-right:solid 25px #55BE93;
}
.shang{
  position: absolute;
  margin-left: 20px;
  top:0px;
  left:0px;
}
.xia{
  position: absolute;
  margin-right: 20px;
  top:0px;
  right:0px;
}
.linkgroup p{
  font-size: 18px;
  line-height: 50px;
  color: #2D1635;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.linkgroup p a{
  text-decoration: none;
  color: #2D1635;
}
.linkgroup p a:hover{
  border-bottom: solid 1.5px #666666;
  opacity: 0.8;
}

.shengming {
  position: absolute;
  width: 735px;
  top:1112px;
  left: 50%;
  transform:translateX(-368px);
}
.shengming p {
  text-align: center;
  color: #666666;
  font-size: 14px;
  line-height: 28px;
}

/*inspired by https://codepen.io/meuwka/pen/WoBwRB */
.snow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: snow-direction cubic-bezier(0.445, 0, 0.55, 1) 4s both alternate infinite;
}

@keyframes snow-direction {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(10%);
  }
}

.snow:before,
.snow:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  filter: blur(1px);
  animation: snow 10s linear infinite;
  box-shadow:
    -5vw 10vh #fff,
    30vw 5vh #fff,
    55vw 5vh #fff,
    75vw 10vh #fff,
    105vw 15vh #fff,
    -10vw 30vh #fff,
    40vw 25vh #fff,
    60vw 20vh #fff,
    90vw 25vh #fff,
    20vw 40vh #fff,
    5vw 45vh #fff,
    65vw 45vh #fff,
    105vw 40vh #fff,
    50vw 50vh #fff,
    30vw 50vh #fff,
    10vw 55vh #fff,
    20vw 60vh #fff,
    40vw 65vh #fff,
    60vw 60vh #fff,
    80vw 65vh #fff,
    5vw 70vh #fff,
    30vw 75vh #fff,
    55vw 85vh #fff,
    75vw 80vh #fff,
    105vw 75vh #fff,
    20vw 90vh #fff,
    -5vw 95vh #fff,
    65vw 95vh #fff,
    100vw 90vh #fff,

    -5vw 110vh #fff,
    30vw 105vh #fff,
    55vw 105vh #fff,
    75vw 110vh #fff,
    105vw 115vh #fff,
    -10vw 130vh #fff,
    40vw 125vh #fff,
    60vw 120vh #fff,
    90vw 125vh #fff,
    20vw 140vh #fff,
    5vw 145vh #fff,
    65vw 145vh #fff,
    105vw 140vh #fff,
    50vw 150vh #fff,
    30vw 150vh #fff,
    10vw 155vh #fff,
    20vw 160vh #fff,
    40vw 165vh #fff,
    60vw 160vh #fff,
    80vw 165vh #fff,
    5vw 170vh #fff,
    30vw 175vh #fff,
    55vw 185vh #fff,
    75vw 180vh #fff,
    105vw 175vh #fff,
    20vw 190vh #fff,
    -5vw 195vh #fff,
    65vw 195vh #fff,
    100vw 190vh #fff;
}

.snow:after {
  left: 50px;
  top: 60px;
  animation-duration: 6s;
  width: 8px;
  height: 8px;
  opacity: 0.7;
  filter: blur(3px);
}

@keyframes snow {
  from {
    transform: rotate(10deg) translateY(-100vh);
  }
  to {
    transform: rotate(10deg) translateY(0);
  }
}
